<!DOCTYPE html>
<html lang="zh">
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
	<title>家校互动系统</title>
	<link rel="shortcut icon" href="favicon.ico" />
	 <link href="__TMPL__css/bootstrap.min.css" rel="stylesheet" type="text/css" />
	<link href="__TMPL__css/m.css" rel="stylesheet" type="text/css" />
	<script src="__TMPL__js/jquery.min.js"></script>
	<script src="__TMPL__js/iscroll.js"></script>
	<script src="__TMPL__js/m.js"></script>
	<!--[if lt IE 9]>
	<script src="js/html5.js"></script>
	<![endif]-->
</head> 
<body><!-- 背景可后台替换 -->
<div class="wrap ui-page  ui-body-c ui-page-active webwidth">
	<div class="ui-header">
		<h1 class="ui-title">通讯录</h1>
	</div>
	<div class="ui-nav">
		<div class="input-append text" style="margin:10px;">
			<input class="span2" id="appendedInputButton" size="16" type="text" style="width:230px;"><button class="btn" type="button">搜索</button>
       </div>
	</div>
	<div id="wrapper" style="background:#FFF;top:100px;"><!-- 有ui-nav存在时top:100px -->
		<div class="clear">
			<h2 class="listpre">班级</h2>
			<ul class="ui-listview" id="class_list">
         <volist name="classlist" id="vo">

            
				<li><a href="__URL__/im_parent_list/cid/{$vo.id}" title="{$vo.class_name}">
<!--					<span class="noread">12</span>
-->					<img src="__TMPL__img/m/ico_parent.png" />
					<div class="">
						<h3>{$vo.class_name}</h3>
						<p></p>
					</div>
					<span class="more"></span>
					</a>
				</li></volist>
			</ul>
			<h2 class="listpre">老师</h2>
			<ul class="ui-listview" id="teacher_list">
         <volist name="teacherlist" id="vo">

				<li><a href="__URL__/im/tid/{$vo.id}" title="IM">
<!--					<span class="noread">1</span>
-->					<img src="/{$vo.ctrl_teacher|getinfo=###,'teacher','pic'}" />
					<div class="">
						<h3>{$vo.XM}</h3>
<!--						<p>明天的数学课，请通知学生带钱...</p>
-->					</div>
<!--					<span class="time">刚刚</span>
-->					</a>
				</li> 
                </volist>
			</ul>
		</div>
	</div><!-- /wrapper -->
	
</div>

		<script type="text/javascript">
			//js模拟滚动条
			var myScroll;
			function loaded() {
				myScroll = new iScroll('wrapper');
			}

			document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
			document.addEventListener('DOMContentLoaded', loaded, false);
			
			$("#teacher_list").load("__TMPL__im/friendlist.php", function() {
			   myScroll.refresh();
			});
		</script>

</body>
</html>